<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:p="http://primefaces.org/ui"
      xmlns:f="http://java.sun.com/jsf/core">
    <h:head>
    
    </h:head>
    <h:body>
     
   
    
  
   <div id="col-top"></div>
    <div id="col" >
        <p:tabView id="tabView"  style="width: 800px;margin-left: 3%"   dynamic="true">  
  
            <p:ajax event="tabChange" immediate="true" listener="#{beancontroler_.listenerclientesvisitas()}"  update="codmas,cloo,viewCommanñd,updalteco"/>  
  
        <p:tab title="Clientes"   id="Godfather1">  
            
            
            <h:outputLink id="openDialogLink" style="margin-left: 70%;position: absolute;margin-top: 20%" value="javascript:void(0)" onclick="dlg.show()">Cargar Foto</h:outputLink>  
        
        <p:dialog id="dialog" header="Dynamic Dialog" width="600" height="200" widgetVar="dlg" dynamic="true">  
           <p:ajax event="close" update="foto" />  
  
    <p:fileUpload  fileUploadListener="#{beancontroler_.handleFileUpload}"  
            mode="advanced"   
            sizeLimit="1000000000"   
            allowTypes="/(\.|\/)(gif|jpe?g|png)$/"/>  

</p:dialog> 
        
 
         
           
        <p:graphicImage style="margin-left: 65%;position: absolute" width="150" height="150" id="foto"  value="#{beancontroler_.dbImage}" />
             
            
            <h:outputText value="Codigo Cliente"/>      
            <p:inputText id="codcliente" value="#{beancontroler_.codigocliente}" style="margin-left: 2%;text-transform: uppercase" disabled="true" /> 
            <br/><br/>
            <h:outputText value="Nombres"/> 
            <p:inputText required="false"  value="#{beancontroler_.nombresclientes}"  label="Nombres" style="margin-left: 2%;width: 370px" >
                <p:ajax event="blur" update="codcliente" listener="#{beancontroler_.primeraletranombrecliente()}" />   
            </p:inputText>
            <br/><br/>
            <h:outputText value="Apellidos"/>
            <p:inputText required="false" value="#{beancontroler_.apellidosclientes}" style="margin-left: 2%;width: 370px"  label="Apellidos" >
                 <p:ajax event="blur" update="codcliente" listener="#{beancontroler_.primeraletraapellidocliente()}" />   
            </p:inputText>
            <br/><br/>
            <h:outputText value="Fecha de Nacimiento"/>
            <p:calendar value="#{beancontroler_.fechadenacimiento}"   yearRange="1900:2012" id="popupButtonCall" pattern="dd/MM/yyyy" navigator="true" style="margin-left: 2%" showOn="button"  >
                
                
            </p:calendar> <br/><br/>
            <h:outputText value="Direccion"/>
            <p:inputTextarea required="false" label="Direccion" value="#{beancontroler_.direccionclientes}" style="margin-left: 2%" cols="70" rows="3"/>
            <br/><br/><br/>
            <h:outputText  value="Ciudad"/>
            <p:inputText required="false" label="Ciudad" value="#{beancontroler_.ciudadcliente}" style="margin-left: 10%;width: 200px" /> <h:outputText style="margin-left: 2%" value="Departamento"/> 
            <p:selectOneMenu value="#{beancontroler_.departamentocliente}" style="margin-left: 2%;width: 130px;margin-top: 1%"  >
                <f:selectItem  itemLabel="[Seleccionar]" itemValue="0"/>
                <f:selectItem  itemLabel="Ahuachapán" itemValue="1"/>
                <f:selectItem  itemLabel="Cabañas" itemValue="2"/>
                <f:selectItem  itemLabel="Chalatenango" itemValue="3"/>
                <f:selectItem  itemLabel="Cuscatlán" itemValue="4"/>
                <f:selectItem  itemLabel="Morazán" itemValue="5"/>
                <f:selectItem  itemLabel="La Libertad" itemValue="6"/>
                <f:selectItem  itemLabel="La Paz" itemValue="7"/>
                <f:selectItem  itemLabel="La Unión" itemValue="8"/>
                <f:selectItem  itemLabel="San Miguel" itemValue="9"/>
                <f:selectItem  itemLabel="San Salvador" itemValue="10"/>
                <f:selectItem  itemLabel="San Vicente" itemValue="11"/>
                <f:selectItem  itemLabel="Santa Ana" itemValue="12"/>
                <f:selectItem  itemLabel="Sonsonate" itemValue="13"/>
                <f:selectItem  itemLabel="Usulután" itemValue="14"/>
            </p:selectOneMenu>
            <br/><br/>
            
            <h:outputText  value="Correo Electronico" /> <p:inputText id="emailc" value="#{beancontroler_.emailcliente}" style="width: 200px;margin-left: 2%">
                <p:ajax event="blur" update="emailc" listener="#{beancontroler_.validaremail()}"/>
            </p:inputText>
           
            
            <h:outputText style="margin-left: 2%" value="Sexo"/>
            <p:selectOneMenu value="#{beancontroler_.sexocliente}" style="margin-left: 9%;width: 100px;margin-top: 1%"  >
                <f:selectItem  itemLabel="[Seleccionar]" itemValue="0"/>
                <f:selectItem  itemLabel="Maculino" itemValue="M"/>
                <f:selectItem  itemLabel="Femenino" itemValue="F"/>
                
           </p:selectOneMenu><br/><br/>
            <h:outputText  value="Telefono Casa"/>
            <p:inputMask mask="9999 - 9999" value="#{beancontroler_.telefonocasacliente}"  style="margin-left: 5%;width: 130px"/><br/><br/>
             <h:outputText  value="Telefono Celular"/>
             <p:inputMask mask="9999 - 9999" value="#{beancontroler_.telefonocelularcliente}"  style="margin-left: 3.5%;width: 130px"/>
            <h:outputText style="margin-left: 9%" value="Compañia celular"/>
            <p:selectOneMenu value="#{beancontroler_.companiacliente}" style="margin-left: 1%;width: 130px;margin-top: 1%"  >
                <f:selectItem  itemLabel="[Seleccionar]" itemValue="0"/>
                <f:selectItems value="#{beancontroler_.companiaclientes}"/>
                
             </p:selectOneMenu>
           <br/><br/>
           <h:outputText  value="Atendido por"/>
           <p:selectOneMenu value="#{beancontroler_.colaclinetes}" style="margin-left: 6%;width: 200px;margin-top: 1%"  >
                <f:selectItem  itemLabel="[Seleccionar Colaborador]" itemValue="0"/>
                <f:selectItems value="#{beancontroler_.colaboradorclientes}"/>
                
             </p:selectOneMenu>
           <p:commandLink style="margin-left: 1%;color: blue" update="basic" action="#{beancontroler_.agregarcolaboradoirclientes()}" value="Agregar Colaborador"/>
           <p:commandLink style="margin-left: 11%;color: blue" id="showDialogButton" immediate="true" value="Observaciones" onclick="dlg2.show()" type="button"/>  
         
              
<p:dialog id="modalDialog" header="Modal Dialog" widgetVar="dlg2" modal="true" height="300">  
    <p:editor id="editor" value="#{beancontroler_.observacionesclientes}" width="600"/> 
    <br/>
    <p:commandLink onclick="dlg2.hide()" immediate="true" style="font-weight: bold;font-size:small;" value="Cerrar"/>
</p:dialog>  
  
            <br/><br/>
            <p:selectOneListbox value="#{beancontroler_.selectedcolaboradorcliente}" style="width: 300px;margin-left: 16%" id="basic" >  
                <f:selectItems var="cl" itemLabel="#{cl.nombres}" itemValue="#{cl.id}" value="#{beancontroler_.colcl}"/>
           </p:selectOneListbox> <br/>
            <p:commandLink update="basic" style="margin-left: 15%;position: absolute" action="#{beancontroler_.eliminarcolaboradorclientes()}" value="Eliminar Colaborador"/>
               
           
           
            <p:confirmDialog id="confirmDialog" message="Esta Seguro de Eliminar este Cliente ?"  
                header="Cliente" severity="alert" widgetVar="confirmation">  
                  
           
           
               <p:commandButton id="confirm" value="SI" update="@form" oncomplete="confirmation.hide()"  
                    actionListener="#{beancontroler_.eliminarcliente()}" />  
        <p:commandButton id="decline" value="NO" onclick="confirmation.hide()" type="button" />   
                  
    </p:confirmDialog> 
            <br/><br/><br/>
            <p:commandButton style="margin-left: 16%;" update="updateco,viewCommand,clo" rendered="#{beancontroler_.permisocreate}" disabled="#{beancontroler_.rederedservicesadd}" icon="ui-icon-plusthick "  id="clo" action="#{beancontroler_.agregarclientes()}" value="Agregar Cliente"/>
            <p:commandButton style="margin-left: 1%;"   rendered="#{beancontroler_.permisodelte}" disabled="#{beancontroler_.renderedservicesdelete}"   action="#{beancontroler_.actualizarcliente()}"  id="viewCommand" value="Actualizar Cliente" icon="ui-icon-disk" />
            <p:commandButton style="margin-left: 1%;"     rendered="#{beancontroler_.permisoupdate}" disabled="#{beancontroler_.renderedservicesupdate}" icon="ui-icon-trash"   onclick="confirmation.show()"  id="updateco" value="Eliminar Cliente"  />
            <p:commandButton style="margin-left: 1%" ajax="false" icon="ui-icon-cancel"  action="#{beancontroler_.cancelarcliente()}" value="Cancelar" update="@form"    />
            <br/><br/>
            
            
                                      
                
            
        </p:tab>  
  
        <p:tab title="Visitas"  id="Godfather2">  
           
                <h:outputText value="Cliente"/>
                <p:inputText value="#{beancontroler_.codmasnombrecliente}" id="codmas" disabled="true" style="width: 300px;margin-left: 6%;text-transform: uppercase"/><br/><br/>
            <h:outputText value="Fecha Visita"/>
            <p:calendar value="#{beancontroler_.fechavisita}"  id="popupButtonCal" pattern="dd/MM/yyyy" style="margin-left: 2%" showOn="button"  >
                
                
            </p:calendar> <br/><br/>
             <h:outputText  value="Servicio"/>
             <p:selectOneMenu id="servi" value="#{beancontroler_.servicioclientesvisitas}" style="margin-left: 5%;width: 200px;margin-top: 1%"  >
                <f:selectItem  itemLabel="[Seleccionar Servicio]" itemValue="0"/>
                <f:selectItems value="#{beancontroler_.serviciosclientes}"/>
                
             </p:selectOneMenu><br/><br/>
             <h:outputText value="Descripcion"/>
             <p:inputTextarea id="descirpcionvi" value="#{beancontroler_.secripcionserviciocliente}" style="margin-left: 2%" cols="50" rows="3"/>
             <br/><br/>
             <p:commandButton style="margin-left: 16%;" update="popupButtonCal,servi,descirpcionvi,dataTablevi,cloo,viewCommanñd,updalteco" rendered="#{beancontroler_.permisocreate}" disabled="#{beancontroler_.visibleadd}" icon="ui-icon-plusthick "  id="cloo" action="#{beancontroler_.agregarvisitacliente()}" value="Agregar Visita"/>
             <p:commandButton style="margin-left: 1%;"  update="popupButtonCal,servi,descirpcionvi,dataTablevi,cloo,viewCommanñd,updalteco"   rendered="#{beancontroler_.permisodelte}" disabled="#{beancontroler_.vicibledelte}"   action="#{beancontroler_.uodatevisitasclientes()}"  id="viewCommanñd" value="Actualizar Visita" icon="ui-icon-disk" />
             <p:commandButton style="margin-left: 1%;"  update="popupButtonCal,servi,descirpcionvi,dataTablevi,cloo,viewCommanñd,updalteco"   rendered="#{beancontroler_.permisoupdate}" disabled="#{beancontroler_.visibleupdate}" icon="ui-icon-trash"  action="#{beancontroler_.elimianrclientevisitas()}"   id="updalteco" value="Eliminar Visita"  />
             <p:commandButton style="margin-left: 1%" ajax="false" icon="ui-icon-cancel"  action="#{beancontroler_.cancelarcliente()}" value="Cancelar" update="@form"    /><br/><br/>
            <br/><br/>
            <p:dataTable id="dataTablevi" var="car" value="#{beancontroler_.visitas}"  
                 paginator="true" rows="10"  
                 paginatorPosition="top" rowKey="#{car.id}" selectionMode="single" selection="#{beancontroler_.selectedvisitasclientes}"
                 paginatorTemplate="{CurrentPageReport}  {FirstPageLink} {PreviousPageLink} {PageLinks} {NextPageLink} {LastPageLink} {RowsPerPageDropdown}"  
                 rowsPerPageTemplate="5,10,15">  
                
                <p:ajax event="rowSelect"    update="@none"   oncomplete="updateContent()"   listener="#{beancontroler_.seleccionarvisitas()}"></p:ajax>
        <f:facet name="header">  
            Listado de Visitas 
        </f:facet>  
  
        <p:column>  
            <f:facet name="header">  
                <h:outputText value="Servicio" />  
            </f:facet>  
            <h:outputText value="#{car.descripcion}" />  
        </p:column>  
  
        <p:column>  
            <f:facet name="header">  
                <h:outputText value="Descripcion" />  
            </f:facet>  
            <h:outputText value="#{car.serdes}" />  
        </p:column>  
  
        <p:column>  
            <f:facet name="header">  
                <h:outputText value="Fecha Visita" />  
            </f:facet>  
            <h:outputText value="#{car.fecha}" />  
        </p:column>  
  
         
    </p:dataTable> 
            
        </p:tab>  
  
        
  
    </p:tabView> 
        
        
        
        
        
          </div> <!-- /col -->
    <div id="col-bottom"></div>

    </h:body>
</html>

